/* 导航栏格式设置 */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-image: linear-gradient(to right,rgb(255, 255, 255) , rgb(255, 255, 255));
    border-bottom-style: inherit;
    /*  border-style: solid;   */

  } 
  
  li {
     float: left; 
    /* display: inline; */
  }
  /* 暂时废弃的特殊主页按钮
  #zhugan{
      font-weight: bold;
      font-style: italic;
      font-size: 20px;
      font-family: serif;
      color: springgreen;
  } */
  
  li a {
    display: block;
    text-align: center;
    padding: 20px 20px;
    text-decoration: none;
    color: black;
  }
  /* 导航栏设置结束 */
   /* 正文大标题格式设计 */
h1{
    height: 350px;
    text-align: center;
    vertical-align: middle;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-image: linear-gradient(to right,skyblue , rgb(0, 162, 255));;
}
#t1
{
    font-size: 50px;
    color: white;
    font-family: "宋体";
    font-weight: 1200;
}
#t2{
    font-size: 30px;
    color: white;
    font-family: "宋体";
    font-weight: 700;
}
/* 副标题设计 */
#b1{
  font-size: 30px;
  text-align: center;
  font-family: "宋体";
}
#b2{
  font-size: 20px;
  text-align: center;
  font-family: "宋体";
}
/* 主页介绍段落设计 */

.text0{
  margin-top: 600px;
  text-align: center;
  font-family: "宋体";
  font-size: 30px;
}
.text1{
  float:left;
  margin-left: 250px;
  font-size: 25px;
}
.text2{
  float:left;
  margin-left: 20%;
  font-size: 25px;  
}
.text3{
  margin-top: 600px;
  text-align: center;
  font-family: "宋体";
  font-size: 30px;
}
.text4{
  text-align: center;
  font-size: 25px;
  font-family: "宋体";
}
 .text5{
  text-align: center;
  font-size: 25px;
  font-family: "宋体";
}
.text6{
   text-align: center; 
  font-size: 25px;
  font-family: "宋体";
  margin-top: 50px; 
  /* margin-left: 50%; */
  /* float: left; */
}
.text7{
  text-align: center;
  font-size: 25px;
  font-family: "宋体";
  margin-top: 100px;
  /* margin-left: 100px; */
  /* float: left; */
} 
.photo1{
  margin-left: 20%;
  float: left;
}
.photo2{
  margin-right: 20%;
  float: right;
}
.photo3{
  margin-left: 37%;
}
.photo4{
  margin-top: 20px;
  margin-left: 35%;
  float: left;
}/*
.photo5{
  margin-top: 1%;
  margin-right: 60%;
  float: right; 
}*/
/* 8.11更新，新增文字淡入效果 */
.fade-in-words{
  width: 200px;
  margin: 0 auto;
  text-align: center;
}
/* 淡入动画效果设计 */
@keyframes fade-in{  
  0%{ opacity: 0;}
  100%{opacity:1;}
}
@-webkit-keyframes fade-in{
  0%{ opacity: 0;}
  100%{opacity:1;}
}
@-ms-keyframes fade-in{
  0%{ opacity: 0;}
  100%{opacity:1;}
}
@-o-keyframes fade-in{
  0%{ opacity: 0;}
  100%{opacity:1;}
}
@-moz-keyframes fade-in{
  0%{ opacity: 0;}
  100%{opacity:1;}
}
/* 各行文字淡入，由于代码只写了六行，建议保证介绍文字在六行以内 */
.first-words{ 
  opacity: 0;
  animation: fade-in 2s ease 0s 1;
  -webkit-animation: fade-in 2s ease 0s 1;
  -moz-animation: fade-in 2s ease 0s 1;
  -o-animation: fade-in 2s ease 0s 1;
  -ms-animation: fade-in 2s ease 0s 1;
  
  /*规定动画的最后状态为结束状态*/
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode: forwards;  
    -o-animation-fill-mode: forwards; 
    -ms-animation-fill-mode: forwards;   
    -moz-animation-fill-mode: forwards; 
}
.second-words{ 
  opacity: 0;    
  animation: fade-in 2s ease 1s 1;
  -webkit-animation: fade-in 1s ease 1s 1;
  -moz-animation: fade-in 2s ease 1s 1;
  -o-animation: fade-in 2s ease 1s 1;
  -ms-animation: fade-in 2s ease 1s 1;
  
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode: forwards;  
    -o-animation-fill-mode: forwards; 
    -ms-animation-fill-mode: forwards;   
    -moz-animation-fill-mode: forwards; 
}
.third-words{ 
  opacity: 0;    
  animation: fade-in 2s ease 2s 1;
  -webkit-animation: fade-in 2s ease 2s 1;
  -moz-animation: fade-in 2s ease 2s 1;
  -o-animation: fade-in 2s ease 2s 1;
  -ms-animation: fade-in 2s ease 2s 1;
  
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode: forwards;  
    -o-animation-fill-mode: forwards; 
    -ms-animation-fill-mode: forwards;   
    -moz-animation-fill-mode: forwards; 
}
.four-words{ 
  opacity: 0;    
  animation: fade-in 2s ease 3s 1;
  -webkit-animation: fade-in 2s ease 3s 1;
  -moz-animation: fade-in 2s ease 3s 1;
  -o-animation: fade-in 2s ease 3s 1;
  -ms-animation: fade-in 2s ease 3s 1;
  
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode: forwards;  
    -o-animation-fill-mode: forwards; 
    -ms-animation-fill-mode: forwards;   
    -moz-animation-fill-mode: forwards; 
}
.five-words{ 
  opacity: 0;    
  animation: fade-in 2s ease 4s 1;
  -webkit-animation: fade-in 2s ease 4s 1;
  -moz-animation: fade-in 2s ease 4s 1;
  -o-animation: fade-in 2s ease 4s 1;
  -ms-animation: fade-in 2s ease 4s 1;
  
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode: forwards;  
    -o-animation-fill-mode: forwards; 
    -ms-animation-fill-mode: forwards;   
    -moz-animation-fill-mode: forwards; 
}
.six-words{ 
  opacity: 0;    
  animation: fade-in 2s ease 10s 1;
  -webkit-animation: fade-in 2s ease 10s 1;
  -moz-animation: fade-in 2s ease 10s 1;
  -o-animation: fade-in 2s ease 10s 1;
  -ms-animation: fade-in 2s ease 10s 1;
  
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode: forwards;  
    -o-animation-fill-mode: forwards; 
    -ms-animation-fill-mode: forwards;   
    -moz-animation-fill-mode: forwards; 
}
/* 背景自适应全屏 */
.back1{
  position:fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  min-width: 1000px;
  z-index:-10;
  zoom: 1;
  background-color: #fff;
  background: url(/图片/beij2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
}
.back2{
  position:fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  min-width: 1000px;
  z-index:-10;
  zoom: 1;
  background-color: #fff;
  background: url(/图片/2c43c9acb57aaddb9b0274b7935ba99a.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
}
.box1{
  /* border-style: dashed;   */
  width: 600px;
  height: 150px;
  margin-left: 450px;
  margin-top: 50px;
}
.box2{
   /* border-style: dashed;  */
  width: 600px;
  height: 150px;
  margin-left: 450px;
  margin-top: 0px;
}
.box3{
  /* border-style: dashed; */
  width: 400px;
  height: 230px;
  margin-left: 630px;
  margin-top: 80px;
}
/* .box4{
   border-style: dashed;  *
 height: 150px;
 margin-left: 600px;
 margin-top: 0px;
} */
/* 支持页面按钮美化 */
.btn2 {
  /* 底色 */
  background: #eb94d0;
  /* 创建渐变 */
  background-image: -webkit-linear-gradient(top, #f09ce5, #4fcde4);
  background-image: -moz-linear-gradient(top, #eb94d0, #4fcde4);
  background-image: -ms-linear-gradient(top, #eb94d0, #4fcde4);
  background-image: -o-linear-gradient(top, #eb94d0, #4fcde4);
  background-image: linear-gradient(to bottom, #eb94d0, #4fcde4);
  /* 给按钮添加圆角 */
   -webkit-border-radius: 18;
  -moz-border-radius: 18; 
   border-radius: 18px; 
  text-shadow: 3px 2px 1px #9daef5;
  -webkit-box-shadow: 6px 5px 24px #666666;
  -moz-box-shadow: 6px 5px 24px #666666;
  box-shadow: 6px 5px 24px #666666;
  font-family: Arial;
  color: #fafafa;
  font-size: 27px;
  padding: 19px;
  text-decoration: none;
}
/* 悬停时样式设置 */
.btn2:hover {
  background: #2079b0;
  background-image: -webkit-linear-gradient(top, #4fcde4, #aa6494);
  background-image: -moz-linear-gradient(top, #4fcde4, #eb94d0);
  background-image: -ms-linear-gradient(top, #4fcde4, #eb94d0);
  background-image: -o-linear-gradient(top, #4fcde4, #eb94d0);
  background-image: linear-gradient(to bottom, #4fcde4, #eb94d0);
  text-decoration: none;
}

.btn1 {
    /* 文字颜色 */
    color: #0099CC; 
    /* 清除背景色 */
    background: transparent; 
    /* 边框样式、颜色、宽度 */
    border: 2px solid #0099CC;
    /* 给边框添加圆角 */
    border-radius: 6px; 
    /* 字母转大写 */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    font-family: "宋体";
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}
/* 悬停样式 */
.btn1:hover {
  background-color: #008CBA;
  color: white;
}